/**
 * 主题色
 */
export const themeColor = '#009FA8'

/**
 * 设置激活样式
 * @param parentClassName 父组件类名
 * @param elementTag 元素类型
 * @param currentElement 当前元素
 * @param activeClassName 激活的样式名称
 */
export const setActiveClass = (parentClassName: string, elementTag: string,
  currentElement: Element, activeClassName: string) => {
  const container = document.getElementsByClassName(parentClassName)[0]
  const elementList = container.getElementsByTagName(elementTag)
  // 去除class样式
  for (let i = 0; i < elementList.length; i++) {
    elementList[i].removeAttribute('class')
  }

  // 增加当前激活的菜单样式
  currentElement.setAttribute('class', activeClassName)
}

const mobilePattern = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i

/**
 * 是否是移动端
 */
export const isMobile = (): boolean => {
  return mobilePattern.test(navigator.userAgent)
}

/**
 * 正常字体大小
 */
export const commonFontSize = '1rem'

/**
 * large字体大小
 */
export const largeFontSize = '1.2rem'

/**
 * small字体大小
 */
export const smallFontSize = '0.8rem'

